<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta name="author" content="YCSnail">
<link rel="shortcut icon" href="https://maxcdn.icons8.com/windows8/PNG/26/Animals/snail-26.png"/>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css">
<script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<style>
    header a{line-height: 2em; text-align: center; text-decoration: none;}
    header a:nth-child(1){background-color: red;}
    header a:nth-child(2){background-color: orange;}
    header a:nth-child(3){background-color: yellow;}
    header a:nth-child(4){background-color: green;}
    header a:nth-child(5){background-color: cyan;}
    header a:nth-child(6){background-color: blue;}
    header a:nth-child(7){background-color: purple;}
    header a:nth-child(8){background-color: red;}
</style>